Vue.component('header-nav', {
    // props: ['nav'],
    template: '<h1>Vue 不会用呐</h1>'
})

Vue.component('dsd-logo', {
    props: ['logo_src', 'text', 'href'],
    template: ' <a href="http://localhost/dsd.welinkcredit.com" class="logo">\
                    <img :src="logo_src" :alt="text"/>\
                    <span>{{text}}</span>\
                </a>'
})

/*banner图*/
Vue.component('banner-img', {
    props: ['banner_src', 'href'],
    template: ' <section class="slider" id="indexsider">\
                    <a :href="href"><img :src="banner_src" alt="" /></a>\
                </section>'
})

Vue.component('advantage', {
    props: ['advantage'],
    template: '<div class="col-md-3 col-sm-6 advantage-feature">\
                    <div class="product-inner">\
                        <div class="advantage-img">\
                            <img :src = "advantage.img">\
                        </div>\
                        <div class="product-content">\
                            <h4>{{advantage.h4}}</h4>\
                            <p v-html="advantage.p">{{advantage.p}}</p>\
                        </div>\
                    </div>\
                </div>'
})

Vue.component('part-title', {
    props: ['name', 'description'],
    template: ' <div class="heading-inner text-center">\
                    <h2 class="sec-title">{{name}}</h2>\
                    <p v-if="description">{{description}}</p>\
                </div>'
})

Vue.component('step', {
    props: ['step'],
    template: ' <div class="col-md-3 col-sm-6 col-xs-12 flow-bg">\
                    <div class="flow-inner text-center">\
                        <div class="icon-box">\
                            <img :src="step.img" :alt="step.h3" class="img-responsive">\
                        </div>\
                        <div class="flow-content">\
                            <h3>{{step.h3}}</h3>\
                            <p>{{step.p}}</p>\
                        </div>\
                    </div>\
                </div>'
})

Vue.component('promise', {
    props: ['promise'],
    template: ' <figure class="item">\
                    <a href="javascript:"><img :src="promise.img"></a>\
                </figure>'
})

Vue.component('alert', {
    props: ['info'],
    template: ' <div class="alert alert-warning alert-dismissible" role="alert">\
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>\
                    <strong>{{info}}</strong>\
                </div>'
})

